<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />


<h1>数据通道</h1>


<button>给【hm】发送数据</button>

<script>
   // 1对讲机监控 - hm推送的数据
   window.addEventListener('message', function(event){
       // this.webviewController.postMessage('port', [this.ports[1]], '*')
       // event.data 可以获取名字  第一个参数 port
       // event.ports 可以获取数据  第二个参数 [this.ports[1]]

       // 判断鸿蒙动作
       switch(event.data) {
         case 'port':
            // 拿到对讲机
            const port = event.ports[0]
            // 监控鸿蒙推送的数据
            port.onmessage = (result) => {
               console.log('qf 收到【hm】推送的数据：', result.data)
            }

            // 通过对讲机发送数据
            document.querySelector('button').onclick = function() {
               port.postMessage('111')
            }
            break;
       }
   })
</script>
